<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入iconfont字体图标 -->
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- 引入小米favicon -->
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 顶部导航栏 -->
    <div class="nav">
        <div class="container">
            <div>
                <ul>
                    <a href="">
                        <li>小米商城</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>MIUI</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>IoT</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>云服务</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>天星数科</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>有品</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>小爱开放平台</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>企业团购</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>资质证照</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>协议规则</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>下载APP</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>智能生活</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>Select Location</li>
                    </a>
                </ul>
            </div>
            <div class="login">
                <ul>
                    <a href="">
                        <li><i class="iconfont icon-gouwuchekong"></i>购物车（0）</li>
                    </a>
                    <a href="">
                        <li>消息通知</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>注册</li>
                    </a>
                    <span>|</span>
                    <a href="">
                        <li>登录</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main container">
        <!-- 中间导航栏 -->
        <div class="main-nav">
            <div class="logo">
                <a href="http://mi.com" target="_blank"><img src="imgs/logo-mi2.png"></a>
            </div>
            <div class="center-nav">
                <ul>
                    <a href="">
                        <li>Xiaomi手机</li>
                    </a>
                    <a href="">
                        <li>Redmi红米</li>
                    </a>
                    <a href="">
                        <li>电视</li>
                    </a>
                    <a href="">
                        <li>笔记本</li>
                    </a>
                    <a href="">
                        <li>平板</li>
                    </a>
                    <a href="">
                        <li>家电</li>
                    </a>
                    <a href="">
                        <li>路由器</li>
                    </a>
                    <a href="">
                        <li>智能硬件</li>
                    </a>
                    <a href="">
                        <li>服务</li>
                    </a>
                    <a href="">
                        <li>社区</li>
                    </a>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="小米手机11">
                <button><i class="iconfont icon-sousuo"></i></button>
            </div>
        </div>
        <!-- 分类列表&轮播图 -->
        <div class="category">
            <div class="list">
                <ul>
                    <a href="">
                        <li>手机<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>电视<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>笔记本 平板<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>家电<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>出行 穿戴<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>智能 路由器<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>电源 配件<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>健康 儿童<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>耳机 音箱<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                    <a href="">
                        <li>生活 箱包<span class="iconfont icon-youjiantou"></span></li>
                    </a>
                </ul>
            </div>
            <div class="swiper">
                <img src="imgs/swiper.PNG" alt="" width="1226px" height="460px">
            </div>
        </div>
        <div class="new">
            <div class="home-channel-list fl">
                <div>
                    <a href="">
                        <img src="./imgs/icon1.png" alt="">
                        <p>保障服务</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="./imgs/icon2.png" alt="">
                        <p>企业团购</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="./imgs/icon3.png" alt="">
                        <p>F码通道</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="./imgs/icon4.png" alt="">
                        <p>米粉卡</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="./imgs/icon5.png" alt="">
                        <p>以旧换新</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="./imgs/icon6.png" alt="">
                        <p>话费充值</p>
                    </a>
                </div>
            </div>
            <div>
                <a href="">
                    <img src="imgs/xiaomi11Ultra.png" width="316px" height="170px" class="fl">
                </a>
            </div>
            <div>
                <a href="">
                    <img src="imgs/xiaomi11.png" width="316px" height="170px" class="fl">
                </a>
            </div>
            <div>
                <a href="">
                    <img src="imgs/earphone.png" width="316px" height="170px" class="fl">
                </a>
            </div>
        </div>
    </div>
    <!-- 广告及商品展示 -->
    <div class="bg">
        <div class="row">
            <!-- 广告 -->
            <div class="ad container">
                <a href="">
                    <img src="./imgs/RedmiK40.png" alt="" width="1226px">
                </a>
            </div>
            <!--手机标题-->
            <div class="title container">
                <div class="phone ">手机</div>
                <div class="more">
                    <a href="">
                        <span>查看更多</span>
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <!-- 手机列表 -->
            <div class="Phones">
                <div class="MixFold">
                    <a href="">
                        <img src="./imgs/MIXFOLD.webp" alt="">
                    </a>
                </div>
                <div class="otherPhones">
                    <ul>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/sheisha4.webp" alt="">
                                <h3 class="phoneTitle">黑鲨4S</h3>
                                <p class="special">磁动力升降肩键</p>
                                <p class="price">2699元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 家电标题 -->
            <div class="title">
                <div class="jiadian">家电</div>
                <div class="rightList">
                    <a href="" class="hot">热门</a>
                    <a href="" class="video">电视影音</a>
                </div>
            </div>
            <!-- 家电列表 -->
            <div class="TVs">
                <div class="leftTV">
                    <ul>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV6.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV77.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="TVlist">
                    <ul class="mainTV">
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                    </ul>
                    <ul class="moreShop">
                        <li class="youyanji">
                            <a href="">
                                <p class="normalTitle">米家互联网烟灶套装（天然气）</p>
                                <p class="price">2298元</p>
                                <img src="./imgs/youyanji.webp" alt="">
                            </a>
                        </li>
                        <li class="circle-right">
                            <a href="">
                                <p class="seeMore">浏览更多</p>
                                <p class="moreHot">热门</p>
                                <img src="./imgs/circle-right.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 智能标题 -->
            <div class="title">
                <div class="jiadian">智能</div>
                <div class="rightList">
                    <a href="" class="hot">热门</a>
                    <a href="" class="video safe">安防</a>
                    <a href="" class="video">出行</a>
                </div>
            </div>
            <!-- 智能列表 -->
            <div class="TVs">
                <div class="leftTV">
                    <ul>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV6.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV77.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="TVlist">
                    <ul class="mainTV">
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                    </ul>
                    <ul class="moreShop">
                        <li class="youyanji">
                            <a href="">
                                <p class="normalTitle">米家互联网烟灶套装（天然气）</p>
                                <p class="price">2298元</p>
                                <img src="./imgs/youyanji.webp" alt="">
                            </a>
                        </li>
                        <li class="circle-right">
                            <a href="">
                                <p class="seeMore">浏览更多</p>
                                <p class="moreHot">热门</p>
                                <img src="./imgs/circle-right.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 广告 -->
            <div class="ad">
                <a href="">
                    <img src="./imgs/cejuyi.webp" alt="" width="1226px">
                </a>
            </div>
            <!-- 搭配标题 -->
            <div class="title">
                <div class="jiadian">搭配</div>
                <div class="rightList">
                    <a href="" class="hot">热门</a>
                    <a href="" class="video">耳机音箱</a>
                </div>
            </div>
            <!-- 搭配列表 -->
            <div class="TVs">
                <div class="leftTV">
                    <ul>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV6.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTV77.webp" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="TVlist">
                    <ul class="mainTV">
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./imgs/xiaomiTVbest.webp" alt="">
                                <h3 class="phoneTitle">小米电视6 65" OLED</h3>
                                <p>小米电视6 65" OLED</p>
                                <p class="price">6999元</p>
                            </a>
                        </li>
                    </ul>
                    <ul class="moreShop">
                        <li class="youyanji">
                            <a href="">
                                <p class="normalTitle">米家互联网烟灶套装（天然气）</p>
                                <p class="price">2298元</p>
                                <img src="./imgs/youyanji.webp" alt="">
                            </a>
                        </li>
                        <li class="circle-right">
                            <a href="">
                                <p class="seeMore">浏览更多</p>
                                <p class="moreHot">热门</p>
                                <img src="./imgs/circle-right.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--视频标题-->
            <div class="title">
                <div class="phone">视频</div>
                <div class="more">
                    <a href="">
                        <span>查看全部</span>
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <!-- 视频列表 -->
            <div class="video">
                <ul>
                    <li>
                        <a href="">
                            <span class="play iconfont icon-bofang"></span>
                            <img src="./imgs/video.webp" alt="">
                            <p>2021新品发布会第一场</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="play iconfont icon-bofang"></span>
                            <img src="./imgs/video.webp" alt="">
                            <p>2021新品发布会第一场</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="play iconfont icon-bofang"></span>
                            <img src="./imgs/video.webp" alt="">
                            <p>2021新品发布会第一场</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="play iconfont icon-bofang"></span>
                            <img src="./imgs/video.webp" alt="">
                            <p>2021新品发布会第一场</p>
                        </a>
                    </li>
                </ul>
                <div style="clear: both"></div>
            </div>
        </div>
    </div>
    <!-- 底部footer -->
    <div class="footer container">
        <div class="service">
            <ul>
                <li>
                    <a href="">
                        <span class="iconfont icon-banshou"></span>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont icon-7tiantuihuanhuo"></span>
                        7天无理由退货
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont icon-15tianwuliyoutuihuo
                        "></span>
                        15天免费换货
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont icon-liwuhuodong"></span>
                        满69包邮
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont icon-31dingwei"></span>
                        520余家售后网点
                    </a>
                </li>
            </ul>
        </div>
        <div class="about">
            <ul>
                <li>
                    <h5>帮助中心</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li>
                    <h5>帮助中心</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li>
                    <h5>帮助中心</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li>
                    <h5>关于小米</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                <li><a href="">企业社会责任</a></li>
                <li><a href="">廉洁举报</a></li>
            </ul>
            <ul>
                <li>
                    <h5>帮助中心</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li>
                    <h5>帮助中心</h5>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <div class="contact">
                <p class="tel">400-100-5678</p>
                <p class="notes">8:00-18:00（仅收市话费）</p>
                <div class="kefu">
                    <a href="">
                        <span class="iconfont icon-liaotian"></span>
                        人工客服
                    </a>
                </div>
                <div class="guanzhu">
                    关注小米：
                    <a href="">
                        <!-- <img src="./imgs/wb.png" alt=""> -->

                    </a>
                    <a href="">
                        <!-- <img src="./imgs/wx.png" alt=""> -->
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部公司信息 -->
    <div class="bg">
        <div class="info container">
            <div class="logo block">
                <img src="imgs/logo-mi2.png">
            </div>
            <div class="txt-box block">
                <div class="footer-list">
                    <div class="xiaomi-list">
                        <ul>
                            <li>
                                <a href="">
                                    小米商城
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    MIUI
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    米家
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    米聊
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    多看
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    游戏
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    政企服务
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    小米天猫店
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    小米集团隐私政策
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    小米公司儿童信息保护规则
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    小米商城隐私政策
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    小米商城用户协议
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    问题反馈
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    Select Location
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="xiaomi-list">
                        <ul>
                            <li>
                                <a href="">
                                    北京互联网法院法律服务工作站
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    中国消费者协会
                                </a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="">
                                    北京市消费者协会
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="txt fl">
                    <p>
                        © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
                    </p>
                    <p>
                        （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
                    </p>
                    <p>
                        增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证
                    </p>
                    <p>
                        违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>

            </div>
            <div class="info-img">
                <img src="./imgs/info.png" alt="">
            </div>
            <div class="slogan">
                <img src="./imgs/slogan2020.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>